<?php require $_SERVER['DOCUMENT_ROOT'] . '/deviantpic/inc/doctype.php'; ?>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>deviantPIC - Registration</title>
    </head>
    <body>
		<!-- Header -->
		<?php require $_SERVER['DOCUMENT_ROOT'] . '/deviantpic/inc/header.php'; ?>

		<!-- Content -->
		<div id="body">
			<h2>New User Registration</h2>

			<!-- Pictures -->
			<form action="/deviantpic/user/result.php" method="post"> <p>
				<!-- Username input -->
				<label for="input_username" >Username: </label>
				<input type="text"
					   id="input_username"
					   name="username"
				/> <span id="result_username"></span> <br />

				<!-- Password input -->
				<label for="input_password" >Password: </label>
				<input type="password"
					   id="input_password"
					   name="password"
				/> <span id="result_password"></span> <br />

				<!-- Password confirmation -->
				<label for="confirm_password" >Confirm password: </label>
				<input type="password"
					   id="confirm_password"
				/> <span id="result_confirm"></span> <br />

				<!-- E-Mail input -->
				<label for="input_email">E-Mail: </label>
				<input type="text"
					   id="input_email"
					   name="email"
				/> <span id="result_email"></span> <br />

				<!-- Name input -->
				<label for="input_name">Real name: </label>
				<input type="text"
					   id="input_name"
					   name="name"
				/> <span id="result_name"></span> <br />

				<!-- Date input -->
				<label for="input_birth">Birth date: </label>
				<input type="text"
					   id="input_birth"
					   name="birth"
				/> <span id="result_birth"></span> <br />

				<!-- Gender -->
				<label for="input_gender">Gender: </label>
				<select name="gender" id="input_gender">
					<option value="1">Male</option>
					<option value="0">Female</option>
				</select> <br />

				<!-- Location input -->
				<label for="input_location">Location: </label>
				<input type="text"
					   id="input_location"
					   name="location"
				/> <span id="result_location"></span> <br />

				<!-- Button -->
				<input type="submit" value="Register" />
			</p></form>
		</div>

		<!-- Footer -->
		<?php require $_SERVER['DOCUMENT_ROOT'] . '/deviantpic/inc/footer.php'; ?>
    </body>
</html>